<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>div标签</title>
    <link rel="stylesheet" type="text/css" href="font.css">
</head>

<body>
    <h1>让我试试<br><span>让蔡卓妍试试</span></h1>
    <div><h2>热门课程排行榜</h2>
    <ol>
        <li>前端开发面试心法 </li>
        <li>零基础学习html</li>
        <li>javascript全攻略</li>
    </ol></div>
    <div><h2>最新课程排行</h2>
    <ol>
        <li>版本管理工具介绍—Git篇 </li>
        <li>Canvas绘图详解</li>
        <li>QQ5.0侧滑菜单</li>
    </ol></div>
    <header>我是头部标签</header>
    <section>我是一个区域</section>
    <aside>我是一个侧边栏</aside>
    <ul>
        <li>我的第一个列表</li>
        <li>我的第二个列表</li>
    </ul>
    <table border="1">
        <caption>前端三剑客</caption>
        <tr><td>知识点</td><td>重要程度</td><td>难度</td><td>学习周期</td></tr>
        <tr><td>html</td><td>5星</td><td>3星</td><td>7天</td></tr>
        <tr><td>css</td><td>5星</td><td>4星</td><td>10天</td></tr>
        <tr><td>js</td><td>5星</td><td>5星</td><td>20天</td></tr>
    </table>
    <a href="http://www.baidu.com" target="_blank">新的页面打开百度</a>
<a href="http://www.baidu.com" target="_self">在本页面打开百度</a>
    <footer>
        本页面内容来自<a href="https://www.imooc.com/learn/9">慕课网</a>
    </footer>
</body>

</html>